<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
	<link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/reset.css">
    <link rel="stylesheet" type="text/css" href="/css/sort.css">
	<title>SIGN IN</title>
</head>
<body>
<div class="container-fluid">
	<div class="row title-wrap">
		<div class="col-xs-2 back"><a href="#"><i class="fa fa-arrow-left"></i></a></div>
		<div class="col-xs-8 main-title"><span>用户登录</span></div>
		<div class="col-xs-2 config"><a href="#"><i class="fa fa-arrow-right"></i></a></div>
	</div>
	<div class="content">
		<div class="row search-wrap">
			<div class="search col-xs-10 col-xs-offset-1">
				<div class="search-icon col-xs-1"><i class="fa fa-user"></i></div>
				<div class="col-xs-11 input-text">
					<input type="text" name="search-con" id="search-con" placeholder="搜索关键词">
				</div>
			</div>
		</div>
		<div class="row sort-nav-wrap">
			<div class="col-xs-6 main-part">
				<div class="main-nav"><span>FM 目录</span></div>
				<div class="main-exp"><span>按内容目录分类</span></div>
			</div>
			<div class="col-xs-6 main-part active">
				<div class="main-nav"><span>FM 目录</span></div>
				<div class="main-exp"><span>按内容目录分类</span></div>
			</div>
		</div>
		<div class="row sort-wrap">
			<div class="col-xs-6 sort">
				<div class="main-text"><span>校园教育</span></div>
			</div>
			<div class="col-xs-6 sort">
				<div class="main-text"><span>校园教育</span></div>
			</div>
			<div class="col-xs-6 sort">
				<div class="main-text"><span>校园教育</span></div>
			</div>
			<div class="col-xs-6 sort">
				<div class="main-text"><span>校园教育</span></div>
			</div>
			<div class="col-xs-6 sort">
				<div class="main-text"><span>校园教育</span></div>
			</div>
			<div class="col-xs-6 sort">
				<div class="main-text"><span>校园教育</span></div>
			</div>
			<div class="col-xs-6 sort">
				<div class="main-text"><span>校园教育</span></div>
			</div>
		</div>
	</div>
</div>
</body>
<script type="text/javascript" src="jquery-2.2.1.min.js"></script>
<script type="text/javascript" src="bootstrap.min.js"></script>
</html>